 <template name="Region">

    <div class="f7-region-search">
        <div class="searchbar searchbar-init f7-region-searchbar">
            <div class="f7-region-search-left">
                <!-- {{#if city_name}}
                <span>{{city_name}}</span>
                <i class="f7-icons size-34">down</i>
                {{/if}} -->
                <span>搜索</span>
            </div>
            <div class="searchbar-input f7-searchbar-input">
                <input type="search" id="search" placeholder="搜索当前地区" value="">
            </div>
        </div>
    </div>
    <div class="f7-search-content" id="search-region">
        <ul>
        {{#each searchSite}}
            <li>
                <label class="f7-label-radio">
                    <input type="radio" name="site" value="{{id}}">
                    <div class="f7-item-inner" id="{{id}}">
                       {{name}}
                        <i class="f7-icons f7-region-check">check</i>
                    </div>
                </label>
            </li>
        {{/each}}            
        </ul>
    </div>
    
    <div class="f7-region">       
        <div class="f7-region-top">
            当前区域：<span>{{siteName}}</span>
        </div>
        {{#if lnglatSite}}
        <div class="f7-region-lnglat-site">
            <div class="f7-card-header">附近站点</div>
            <div class="card-content">
                <div class="card-content-inner f7-card-content-inner">
                    <div class="row">
                        {{#each lnglatSite}}
                        <button class="button button-raised col-33 site_click" id='{{id}}'>{{name}}</button>
                        {{/each}}
                    </div>  
                </div>
            </div>
        </div> 
        {{/if}}

        {{#if hotSite}}
        <div class="f7-region-hot-site">
            <div class="f7-card-header">热门地区</div>
            <div class="card-content">
                <div class="card-content-inner f7-card-content-inner">
                    <div class="row">
                        {{#each hotSite}}
                        <button class="button button-raised col-33 site_click" id='{{id}}'>{{name}}</button>
                        {{/each}}
                    </div>  
                </div>
            </div>
        </div>
        {{/if}}

        <div class="f7-region-content"> 
            <div class="f7-region-content-top">
                <span>省份</span>
                <span>城市</span>
                <span>区</span>
                <span>站点</span>
            </div>
            <div class="f7-region-list-block">
                <ul id="province">
                    {{#each provinceList}}
                    <li>
                        <label class="f7-label-radio">
                            <input type="radio" name="province" value="{{code}}">
                            <div class="f7-item-inner" id="{{code}}">
                               {{name}}
                                <i class="f7-icons f7-region-check">check</i>
                            </div>
                        </label>
                    </li>
                    {{/each}}
                </ul>
                <ul id="city">
                    {{#each cityList}}
                    <li>
                        <label class="f7-label-radio">
                            <input type="radio" name="city" value="{{code}}">
                            <div class="f7-item-inner" id="{{code}}">
                                {{name}}
                                <i class="f7-icons f7-region-check">check</i>
                            </div>
                        </label>
                    </li>
                    {{/each}}
                </ul>
                <ul id="district">
                    {{#each districtList}}
                    <li>
                        <label class="f7-label-radio">
                            <input type="radio" name="district" value="{{code}}">
                            <div class="f7-item-inner" id="{{code}}">
                                {{name}}
                                <i class="f7-icons f7-region-check">check</i>
                            </div>
                        </label>
                    </li>
                    {{/each}}
                </ul>
                <ul id="site">
                    {{#each siteList}}
                    <li>
                        <label class="f7-label-radio">
                            <input type="radio" name="site" value="{{id}}">
                            <div class="f7-item-inner" id="{{id}}">
                                {{name}}
                                <i class="f7-icons f7-region-check">check</i>
                            </div>
                        </label>
                    </li>
                    {{/each}}
                </ul>
            </div>

        </div>   
    </div>
</template>
